<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4061971_7dr98j3lcde.css">
</head>

<body>
    <div class="container">
        <div class="title-box">
            <h2>智能穿戴</h2>
            <ul class="tag">
                <li>耳机</li>
                <li>穿戴</li>
            </ul>
        </div>

        <main>
            <div class="imgBox">
                <a target="_blank" href="https://www.mi.com/xiaomi-watch-s2">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c9550c95ee33a22dc8db677dada00f09.jpg?thumb=1&w=293&h=768&f=webp&q=90"
                        alt="">
                </a>
            </div>
            <div class="rightBox">
                <ul class="rowBox">
                    <li>
                        <a target="_blank" href="https://www.mi.com/xiaomibuds4pro">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202208111200_c1016839eae2c1f5bb79d5afde498e81.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>Xiaomi Buds 4 Pro</h3>
                            <p>48dB智能动态降噪｜骨声纹通话降噪 | 独立空间音频</p>
                            <p>
                                <span>949元</span>
                                <del>1099元</del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="https://www.mi.com/xiaomibuds3pro">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202204211422_ce41ed00fe7fb79df35101222880121d.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>Xiaomi Buds 3 Pro</h3>
                            <p>40dB自适应降噪 ｜空间音频 ｜ HiFi高保真音质</p>
                            <p>
                                <span>469元</span>
                                <del>699元</del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="https://www.mi.com/xiaomibuds3">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b271a074e087848357aa61ae665b214.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>Xiaomi Buds 3</h3>
                            <p>40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音</p>
                            <p>
                                <span>299元</span>
                                <del>499元</del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="https://www.mi.com/redmibuds4">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202205241527_fb27e27e6587254da27de5ba9c889512.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>Redmi Buds 4</h3>
                            <p>35dB 智能主动降噪 | AI 通话降噪 | 30小时超长续航</p>
                            <p>
                                <span>199元</span>
                                <del>229元</del>
                            </p>
                        </a>
                    </li>
                </ul>
                <ul class="rowBox">
                    <li>
                        <a target="_blank" href="https://www.mi.com/shop/buy/detail?product_id=14903">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11570d5371f16d2d9b19f504e09d01f0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>Redmi Buds 3</h3>
                            <p>轻巧半入耳 | 通话降噪 | 20小时长续航</p>
                            <p>
                                <span>159元</span>
                                <del>199元</del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="https://www.mi.com/shop/buy/detail?product_id=16535">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202111052007_e8e92e67988ebaff6e075412a54c3c66.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>小米真无线蓝牙耳机Air2 SE</h3>
                            <p>大尺寸动圈单元 | 20小时持久续航 | 双麦克风通话降噪</p>
                            <p>
                                <span>99元</span>
                                <del>169元</del>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a target="_blank" href="https://www.mi.com/shop/buy/detail?product_id=16654">
                            <div class="imgBox-s">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210191430_3ad0e4809ce06a126dea9755adbb2a1b.png?thumb=1&w=250&h=250&f=webp&q=90"
                                    alt="">
                            </div>
                            <h3>Xiaomi骨传导耳机</h3>
                            <p>小米首款骨传导耳机</p>
                            <p>
                                <span>699元</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <a target="_blank" href="https://www.mi.com/shop/buy/detail?product_id=16584">
                                    <div class="figure-img">
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261427_67cd5fddb341f0e0fb0a2295e643b0d8.png?thumb=1&w=125&h=125&f=webp&q=90"
                                            alt="">
                                    </div>
                                    <h3>Xiaomi降噪蓝牙耳机Necklace</h3>
                                    <p>399元</p>
                                </a>
                            </li>
                            <li>
                                <a target="_blank" href="https://www.mi.com/shop/search?keyword=%E8%80%B3%E6%9C%BA">
                                    <div class="figure-more">
                                        <i class="iconfont icon-arrow-right-circle"></i>
                                    </div>
                                    <div class="more">
                                        浏览更多
                                        <small>耳机</small>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </main>
    </div>
</body>

</html>